<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>css背景属性</title>
    <style type="text/css">
        .p{
           /* background-color: #ffdd00;*/
            width:800px;
            height:800px;
            /*background-image: url("../286CE627-83E7-4148-AB0F-04F8BD5561CF.png");
            background-repeat:no-repeat;
            !*background-repeat:repeat-y;*!
            background-position: 100px 100px;
            background-attachment: fixed;*/
            /*背景的属性有五个，我们可以直接放在background中*/
            /*顺序无关  一般顺序：颜色 图片 是否延伸 位置 是否固定*/
            /*在默认情况下，背景图参考的坐标原点是包含它的父元素的左上角 但是，如果我们设置了
               background-attachment:fixed;则我们的原点改成了浏览器视窗的左上角
            */
            background: green no-repeat url("../286CE627-83E7-4148-AB0F-04F8BD5561CF.png")  fixed  right;
        }
    </style>
</head>
<body>
<p class="p">这是一个背景属性案例</p>
</body>
</html>